.manager-bell-popper {
  .pl-popper-content-inner {
    padding: 0 !important;
  }
}

.manager-bell-wrapper {
  .manager-bell-head {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-bottom: solid 1px #f2f2f2;

    & > div {
      font-size: 14px;
      padding: 12px 0;
      cursor: pointer;
    }

    .pl-text-primary {
      position: relative;

      &:after {
        position: absolute;
        bottom: -2px;
        height: 3px;
        background-color: currentColor;
        left: 0;
        right: 0;
        content: '';
        border-radius: 3px;
      }
    }
  }

  .manager-bell-foot {
    display: flex;
    align-items: center;
    //box-shadow: 0px -4px 5px rgba(0, 21, 41, 0.08);
    border-top: solid 1px #f2f2f2;

    & > div {
      flex: 1 1 auto;
      font-size: 14px;
      padding: 8px 0;
      position: relative;
      cursor: pointer;

      & > .pl-icon {
        margin-right: 4px;
      }

      &:hover {
        background-color: #f2f2f2;
      }

      &:first-child {
        &:after {
          position: absolute;
          top: 0;
          right: -1px;
          bottom: 0px;
          width: 1px;
          content: '';
          background-color: #f2f2f2;
        }
      }
    }
  }

  .manager-bell-content {
    box-sizing: border-box;
    height: 400px;
    overflow: hidden;

    .manager-bell-body {
      text-align: left;
    }
  }

  .pro-manager-bell-msg-img {
    height: 44px;
    width: 44px;
    font-size: 24px;
    color: white;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
  }
}

.pro-manager-bell-item {
  padding: 14px 12px;
  display: flex;
  transition: background-color 300ms linear;

  &:not(:last-child) {
    border-bottom: solid 1px #f2f2f2;
  }

  &:hover {
    background-color: #f2f2f2;
  }

  .pro-manager-bell-item-info {

    .pl-tag {
      height: 20px;
      line-height: 18px;
      padding: 0 4px;

      & + .pl-tag {
        margin-left: 4px;
      }
    }

    & > div:first-child {
      display: flex;
      justify-content: space-between;
      margin-bottom: 4px;

      & > span:first-child {
        font-size: 16px;
      }

      & > span:last-child {
        opacity: 0.65;
      }
    }

    & > div:last-child {
      opacity: 0.65;
      font-size: 12px;
    }
  }

  & > div:last-child {
    flex: 1 1 auto;
    padding: 0 8px;
    box-sizing: border-box;
  }
}